Questions
4 of 6
1How do we fetch data in server component?
2How do we fetch data on the client?
3What are Server Actions and Server functions? How are they different?
4What are actions?
5Compare SWR vs React Query vs useEffect for client-side data fetching — when do you use each?
6What is the difference between client-side fetch and server actions in Next.js App Router?
nextjsnextjs
Basics
Project Structure
Runtime
Compiler
SSG
SSR
CSR
Routing
Route Handlers
Route Groups
Dynamic Routes
Parallel Routes
Intercepting Routes
Middleware
Server Actions
APIS
Data Fetching
Caching
Clients
Optimisation
i18n
Security
Architecture
Deployment
Accessibility
04 / 06

What are actions?

A subset of Server Actions focused on form submissions. They simplify handling form data without manual fetch calls.

Key Features:
  1. 1

    Automatically bind to <form> elements. Server actions can be invoked using the action attribute in a <form> element

  2. 2

    Handle form data parsing and validation.

  3. 3

    Support pending states (e.g., loading buttons).

javascript